{% extends "base.html" %}

{% block title %}| Rank{% endblock %}

{% block body %}
<center><h1>Perfil</h1></center>


{%if request.user.is_authenticated %}
<form action="" method="post">{% csrf_token %}

	<table align="center">
		  <tr> <th colspan=2> Dados do Perfil</th> </tr>
	{{ form.management_form }} 
    {% for form in form.forms %}
			{% for field in form.visible_fields %}
			<tr>
				<td> {{field.label }} </td>
				<td>
				{% if forloop.first %}
					{% for hidden in form.hidden_fields %}
						{{ hidden }}
					{% endfor %}
				{% endif %}
				{{ field }} 
				</td>


			</tr>
			{% endfor %}

    {% endfor %}

	<tr><td colspan=2 align="center"> <input type="submit" value="Alterar Dados"></td></tr>
	</table>

{% if user.card %}
	<center>
	<h2> myPS3t Card </h2>
	<img src="/media/card/{{user.auth.username}}.png">
	<br/> <br/><img src="/media/card/{{user.auth.username}}-ht.png">
	<br/>
	</center>

	<br/>

	<strong>Codigo <i>BBCode</i> para adicionar o card na sua assinatura.</strong>
	<textarea id="bbcode" style="width:99%" rows="4">[url="http://myps3t.dyndns.org:8000/rank/{{user.auth.username}}"][img]http://myps3t.dyndns.org:8000/media/card/{{user.auth.username}}.png[/img][/url]</textarea> 
	<br /><br /> 
	<br/>
	<strong>Codigo HTML </strong><br /> 
	<textarea id="htmlcode" style="width:99%" rows="4"><a href="http://http://myps3t.dyndns.org:8000/rank/{{user.auth.username}}" src="http://myps3t.dyndns.org:8000/media/card/{{user.auth.username}}.png" border="0" alt="{{user.auth.username}}" /></a></textarea> 
	
{% endif %}

</form>
<br/>
<center> <h1> Observacao </h1> </center>
<div style="margin-left:80px;background:#333; border-right:50px solid #111;">
Ative o 'ps3card' para que o sistema use o site <a href="http://ps3trophycard.com/"> ps3trophycard </a> para obter informacoes que nao estao presentes no site da PSN. <br/>
<b>Exemplo: Dados de jogos - God Collection / RB: Beatles / Prototype. </b><br/>
Ao ativar esta confguracao, seu card sera criado ( se necessario ) e atualizado <b>DIARIAMENTE</b>, isso de forma automatica. <br/>
O mesmo sera exibido nos detalhes do seu perfil. <br/>
</div>
{% else %}
<center> Voce precisa logar para acessar esta pagina!</center>
{% endif %}
{% endblock %}
